<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>html 使用 React</title>

    <script src="https://cdn.bootcdn.net/ajax/libs/react/18.3.1/umd/react.production.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script>
  </head>
  <body>
    <div id="root"></div>

    <script>
      function App() {
        // 使用JSX需要Babel转换
        // return (<h1> JSX h1 Hello, React!</h1>)

        // 没有 Babel 使用 React.createElement
        return React.createElement('h1', null, 'Hello, React!');
      }

      // 以下两种都可以
      // ReactDOM.render(React.createElement(App), document.getElementById('root'));
      ReactDOM.render(App(), document.getElementById('root'));
    </script>

    
  </body>
</html>
